<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
{% load customtags %}

<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
	
	<title></title>

	<link rel="shortcut icon" href="/static/TextBadger/images/icon.png">
	<link rel="stylesheet" href="/static/TextBadger/css/base.css">
	<link rel="stylesheet" href="/static/jquery/css/jquery.multiselect.css">
	<link rel="stylesheet" href="/static/jquery/css/ui-lightness/jquery-ui-1.8.7.custom.css">
	{% block css %}{% endblock %}
		
	<script type="text/javascript" src="/static/TextBadger/js/base.js"></script>
	<script type="text/javascript" src="/static/jquery/jquery.min.js"></script>
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js"></script>
	<script type="text/javascript" src="/static/jquery/jquery.multiselect.min.js"></script>
	{% block js %}{% endblock %}

	<script type='text/javascript'>
		$(document).ready(function(e){
			config();
	
			{% block onDocLoad %} {% endblock %}	
		});
	</script>
</head>

<body>
	<div id="TopContainer"></div>

	<div id="GlobalContainer">
		<div id="toppanel">
			<table style="width:100%;height:100%;padding:0;margin:0;"><tr>
			<td width="17%" style="vertical-align:bottom;"><div id="logo"><a href='/'><img src = '/static/TextBadger/images/logo.png' /></a></td>
	
			<td style="vertical-align:bottom;text-align:right;">
				<div id="MainMenuBar" class="menubar"> 
        				<a class="menuitem"  href="/" id="mnuhome"><span>Home</span></a>
					<a class="menuitem" href="/projects/" id="mnuprojects"><span>Projects</span></a>
					<a class="menuitem" href="/messages/" id="mnumessages"><span>Messages</span></a>
        				<a class="menuitem" href="/account/" id="mnuaccount"><span>Account</span></a>
          				<a class="menuitem" href="/?logout" style='margin-left:50px;'><span>Logout</span></a> 
					<span><i>({{ user.username }})</i></span>
				</div>
			</td>
		
			</tr></table>
		</div>

		<!-- content box (to be filled by ajax calls)-->
		<div id = "MainContent">
			{% block maincontent %}{% endblock %}
		</div>
	</div>

	<div id="BottomContainer">
		<a href='/aboutus/'>About</a>
		<a href='/contactus/'>Contact Us </a>
		<a href='/blog/'>Blog</a>
	</div>

	<div id="dialog"><div class="dialogcontent"></div></div>
</body>
</html>
